<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<h:head>
<script type="text/javascript">
	var estiloGrafico = {
		padding :20,
		legend : {
			display :"right",
			spacing :10
		}
	};
</script>
</h:head>
	
<ui:composition>
	<h:panelGrid width="100%">
		<h:form id="graficosCarteira">
			<h:panelGrid columns="2" width="100%">
				<p:panel header="Composição carteira em % de quantidade"
					toggleable="true" toggleSpeed="500">
					<p:pieChart value="#{quotasBean.quotasGrafico}" var="quotas"
					categoryField="#{quotas.sigla}" dataField="#{quotas.quotas}"
				style="estiloGrafico" width="700px" height="125px"/>
					<!-- <p:pieChart value="#{acaoBean.lista}" var="acaoVirtual"
						categoryField="#{acaoVirtual.acao.sigla}"
						dataField="#{acaoVirtual.acao.quantidade}" width="265px"
						height="125px" style="estiloGrafico" />-->
				</p:panel>
				<!--<p:panel header="Composição carteira em % de valor"
					toggleable="true" toggleSpeed="500" style="margin-left:+10px;">
					 <p:pieChart value="#{acaoBean.lista}" var="acaoVirtual"
						categoryField="#{acaoVirtual.acao.sigla}"
						dataField="#{acaoVirtual.total}" width="265px" height="125px"
						style="estiloGrafico" />
				</p:panel>-->
			</h:panelGrid>
		</h:form>
	</h:panelGrid>
</ui:composition>
</html>